﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Toggled by a link</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link href="../../../../src/ui/calendar/datepicker/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<h1>
		Toggled by a link</h1>
	<p>
		This demo shows the external toggler feature which allow to manual update the input.
	</p>
	<p>
		Input1:<br />
		<input type="text" class="myInput" />
		<a class="myLink" onclick="return false;" href="#">toggler</a>
	</p>
	<p>
		Input2:<br />
		<input type="text" class="myInput" />
		<a class="myLink" onclick="return false;" href="#">toggler</a>
	</p>
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/ui/calendar/datepicker/toggler.js"></script>
</body>
</html>
